<div class="login-bg">
  <!--<img class="bg" src="assets/images/bg_city.jpg">-->
  <img class="bg" src="assets/images/bg_city_01.jpg">
  <!-- <img class="bg" src="assets/images/WechatIMG8.png"> -->
  <div class="bg-c">
    <!--<video src="assets/res/snow.mp4" class="video-bg" muted loop autoplay></video>-->
    <div class="main-login">
      <!--<h3>广东广电中心机房综合管理系统</h3>-->
        <h3>资源管理系统</h3>
      <!--<h3>移动巡检管理系统</h3>-->
      <form  [formGroup]="loginForm" (submit)="login()">
        <div class="form-group">
          <div >
            <div class="ui-inputgroup">
              <span>
                <i class="fa fa-user-o fa-2x " aria-hidden="true"></i>
              </span>
              <!--<span class="ui-inputgroup-addon"><img src="assets/images/user.png"></span>-->
              <input id="userName" pInputText class="form-control" formControlName="userName" type="text" placeholder="请输入用户名" [(ngModel)]="loginModel.userName">
            </div>
            <!--<div [class.hidden]="(loginForm.controls.userName.untouched)" style="color: red;">-->
              <!--请输入用户名-->
            <!--</div>-->
            <div [hidden]="(loginForm?.controls.userName.untouched) || (loginForm?.controls.userName.valid)" style="color: red;">
              用户名至少4位数
            </div>
          </div>
        </div>
        <div class="form-group">
          <div>
            <div class="ui-inputgroup">
              <span>
                <i class="fa fa-lock fa-2x" aria-hidden="true"></i>
              </span>
              <input id="password" pInputText class="form-control" formControlName="password" type="password" maxlength="18" placeholder="请输入密码" [(ngModel)]="loginModel.userPwd">
            </div>
            <div [hidden]="loginForm?.controls.password.untouched || (loginForm?.controls.password.valid)" style="color: red;">
              请输入密码
            </div>
          </div>
        </div>
        <div class="form-group">
          <button type="submit" class="btn btn-info btn-login" ngClass="ui-g-12" [disabled]="!loginForm.valid">登录</button>
        </div>
      </form>
    </div>
  </div>
  <!--<p class="copyright">版权所有：西安允硕信息科技有限公司</p>-->
  <!--<p class="copyright">版权所有：北京金鸿泰科技有限公司</p>-->
    <!--<p class="copyright">版权所有：北京中科同舟科技有限公司</p>-->
    <!--<p class="copyright">版权所有：广州来米信息科技有限公司</p>-->
    <p class="copyright">版权所有：深圳云联共创科技有限公司</p>
</div>
<p-confirmDialog header="提示信息" acceptLabel="确定" rejectLabel="取消">
</p-confirmDialog>
<p-growl [(value)]="message" life="1500"></p-growl>

